<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
</head>

<body style="color:#333;padding:3px;" class="x_sorll">
    <!-- 标题 -->
    <div class="page-heade">
      <h2 class="title_color text-center">AP费用核销支付凭证</h2>
    </div>
    <!-- 标题 -->
    <div class="contact-box" style="padding:10px">
        <button class="btn btn-info" type="button">导出Excel</button>
    </div>
    <form action="" class="form-inline">
     <table class="table table-bordered text-center bud_hei" style="margin-bottom: 0">
        <tr>
            <td style="min-width: 120px;width: 120px">申请人</td>
            <td class="text-left"><a href="javascript:;">邓杭清</a></td>
            <td style="min-width: 120px;width: 120px">申请人所在部门/职位</td>
            <td class="text-left">华南大区/华南大区经理</td>
            <td style="min-width: 120px;width: 120px">编号</td>
            <td class="text-left">201603170020</td>
            <td style="min-width: 120px;width: 120px">提交时间</td>
            <td class="text-left">2016-03-17</td>
        </tr>
        <tr>
            <td style="min-width: 120px;width: 120px">供应商名称</td>
            <td class="text-left" colspan="7">海口市光照有限公司</td>
        </tr>
        <table class="table-bordered table">
             <tr>
            <td><span class="colorRed font-bold">温馨提示：请在发票粘贴联上注明此申请单编号：201603170020</span><a href="javascript:;">点击查看图例</a></td>
        </tr>
        </table>
    </table>
      <table class="table table-bordered text-center bud_hei">
        <tr class="info">
            <td rowspan="2">序号</td>
            <td rowspan="2">明细编号</td>
            <td rowspan="2">原申请人</td>
            <td rowspan="2">原申请文件</td>
            <td rowspan="2">原明细编号</td>
            <td rowspan="2">渠道类型</td>
            <td rowspan="2">供应商名称</td>
            <td rowspan="2">品牌</td>
            <td rowspan="2">三级费用科目</td>
            <td colspan="3">实际投入</td>
            <td colspan="8">本次申请核销</td>
            <td rowspan="2">活动开始日期</td>
            <td rowspan="2">支付方式</td>
            <td rowspan="2">本次支付方式</td>
            <td rowspan="2">备注</td>
            <td rowspan="2">操作记录</td>
            
        </tr>
         <tr class="info">
            <td>实际投入金额</td>
            <td>已核销金额</td>
            <td>未核销金额</td>
            <td>未税核销金额</td>
            <td>有无发票</td>
            <td>发票号</td>
            <td>是否增值税(可抵扣)</td>
            <td>税率</td>
            <td>税金</td>
            <td>含税核销金额</td>
            <td>实际核销金额</td>
        </tr>
         <tr>
            <td> 1</td>
            <td>201702200007_1</td>
            <td class="text-left">邓杭清</td>
            <td><a href="{:url('Other/timetoapdetail')}">201702200007</a></td>
            <td>201702200002_1</td>
            <td>零售</td>
            <td>海口市光熙有限公司</td>
            <td>利口福</td>
            <td>媒体广告费</td>
            <td class="text-right">100,000.00</td>
            <td class="text-right">0.00</td>
            <td class="text-right">100,000.00</td>
            <td class="text-right">100,000.00/100,000.00</td>
            <td>无</td>
            <td>&nbsp;</td>
            <td>是</td>
            <td>6.00%</td>
            <td>6,000.00</td>
            <td>106,000.00</td>
            <td>100,000.00</td>
            <td>2016-03-01</td>
            <td>转账</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr class="trTotal1 font-bold text-right">
            <td colspan="9" class="text-right font-bold">合计</td>
            <td>100,000.00</td>
            <td>0.00</td>
            <td>100,000.00</td>
            <td>100,000.00</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>6,000.00</td>
            <td>106,000.00</td>
            <td>100,000.00</td>
            <td colspan="5"></td>
        </tr>
        <tr>
        <td colspan="2">备注</td>
        <td colspan="25"></td>
        </tr>
        </table>
       
      <table class="table table-bordered text-left bud_hei">
            <tr class="info">
                <th class="text-left font-bold">审批意见</th>
            </tr>
          <tr>
              <td>华东大区-华东大区经理 <a href="javascript:;">曾小倩</a>审批动作：抄送；审批意见：OK(审批时间：2017-02-20 11:50:23)</td>
          </tr>
            <tr>
              <td>华东大区-华东大区经理 <a href="javascript:;">曾小倩</a>审批动作：抄送；审批意见：无(审批时间：2017-02-20 11:50:34)</td>
          </tr>
      </table>
       <table class="table table-bordered text-left bud_hei">
            <tr>
                <th class="text-left info">支付信息</th>
            </tr>
            <tr>
                <td>总含税金额：<span>8.64</span>元 已支付金额：<span>0</span>元 未支付金额：<span>8.64</span>元</td>
            </tr>
            <td>
				<div class="form-group">
					<label for="" class="form-label">支付凭证<span class="colorRed">*</span>:</label>
					<input type="text" class="form-control" style="min-width: 120px;width: 120px">
				</div>
				<div class="form-group" style="margin: 0 10px">
					<label for="" class="form-label">支付凭证<span class="colorRed">*</span>:</label>
					<input type="text" class="form-control" style="min-width: 120px;width: 120px" name="">
					<a href="javascript:;">选择</a>
					<span style="display: none">测试经理X</span>
				</div>
				<div class="form-group">
					<label for="" class="form-label">支付日期<span class="colorRed">*</span>:</label>
					  <input type="text" id="start" class="form-control layer-date " style="height: 26px;display: inline-block;min-width: 120px;width: 120px" name="">
				</div>
				<div class="form-group">
					<label for="" class="form-label">本次支付金额<span class="colorRed">*</span>:</label>
					<input type="text" class="form-control" style="min-width: 120px;width: 120px" name="">元
				</div><br>
				<div class="form-group" style="margin:5px 0">
					<label for="" class="form-label">支付备注：</label>
					<input type="text" class="form-control" style="min-width: 240px;width: 240px">
				</div>
            </td>
        </table>
         <div class="text-center no-padding" style="margin-bottom: 40px">
            <button class="btn btn-primary">保存支付凭证</button>
            <button class="btn btn-info" type="button" onclick="back()">返回</button>
      </div>
 <div class="footer fixed_full text-center" id="fixBG">
        本次核销未税金额合计：<strong class="colorRed">0.00元</strong>;税金合计：<strong class="colorRed">0.00元</strong>;含税金额合计：<strong class="colorRed">0.00元</strong>;实际金额合计：<strong class="colorRed">0.00元</strong>;
    </div>
  </form>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
     <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script>
    function back(){
    	history.go(-1);
    }
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
    </script>
</body>

</html>
